<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>导播台</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" crossorigin="anonymous">
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/daobo.css">
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous"></script>
	<script src="https://g.alicdn.com/de/prismplayer/2.5.1/aliplayer-flash-min.js"></script>
	<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.5.1/skins/default/aliplayer-min.css">
</head>

<body>
	<div class="box">
		<div class="top-menu">
			<h1>见微直播 云导播控制台</h1>
			<ul>
				<li><a href="#">设置</a></li>
				<li><a href="#">进入全屏</a></li>
			</ul>
		</div>

		<div class="main">
			<div class="video-player">
				<ul>
					<li>
						<div  class="prism-player" id="J_prismPlayer_1" ></div>
				        <script>
				            var player = new Aliplayer({
				            id: 'J_prismPlayer_1',
				            width: '100%',
				            height:'100%',
				            autoplay: false,
				            //支持播放地址播放,此播放优先级最高
				            source : '播放url',

				            },function(player){
				                console.log('播放器创建好了。')
				           });
				        </script>
				    </li>
				    <li>
						<div  class="prism-player" id="J_prismPlayer_2" ></div>
				        <script>
				            var player = new Aliplayer({
				            id: 'J_prismPlayer_2',
				            width: '100%',
				            height:'100%',
				            autoplay: false,
				            //支持播放地址播放,此播放优先级最高
				            source : '播放url',

				            },function(player){
				                console.log('播放器创建好了。')
				           });
				        </script>
				    </li>
				    <li>
						<div  class="prism-player" id="J_prismPlayer_3" ></div>
				        <script>
				            var player = new Aliplayer({
				            id: 'J_prismPlayer_3',
				            width: '100%',
				            height:'100%',
				            autoplay: false,
				            //支持播放地址播放,此播放优先级最高
				            source : '播放url',

				            },function(player){
				                console.log('播放器创建好了。')
				           });
				        </script>
				    </li>
				    <li>
						<div  class="prism-player" id="J_prismPlayer_4" ></div>
				        <script>
				            var player = new Aliplayer({
				            id: 'J_prismPlayer_4',
				            width: '100%',
				            height:'100%',
				            autoplay: false,
				            //支持播放地址播放,此播放优先级最高
				            source : '播放url',

				            },function(player){
				                console.log('播放器创建好了。')
				           });
				        </script>
				    </li>
				    <li>
						<div  class="prism-player" id="J_prismPlayer_5" ></div>
				        <script>
				            var player = new Aliplayer({
				            id: 'J_prismPlayer_5',
				            width: '100%',
				            height:'100%',
				            autoplay: false,
				            //支持播放地址播放,此播放优先级最高
				            source : '播放url',

				            },function(player){
				                console.log('播放器创建好了。')
				           });
				        </script>
				    </li>
				    <li>
						<div  class="prism-player" id="J_prismPlayer_6" ></div>
				        <script>
				            var player = new Aliplayer({
				            id: 'J_prismPlayer_6',
				            width: '100%',
				            height:'100%',
				            autoplay: false,
				            //支持播放地址播放,此播放优先级最高
				            source : '播放url',

				            },function(player){
				                console.log('播放器创建好了。')
				           });
				        </script>
				    </li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>